<%-- 
    Document   : chinhsuathongtin
    Created on : Dec 12, 2011, 3:12:20 PM
    Author     : BlueZky
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<link rel="stylesheet" type="text/css" href="styles/userstyles.css" />
<link rel="stylesheet" type="text/css" href="styles/simple.css" />
<link rel="stylesheet" type="text/css" href="styles/screen.css" />
<script type="text/javascript" src="js/jquery.validate.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        // Datepicker
                               
        $('#dateOfBirth').datepicker({
            inline: true
        });
        $('#dateOfBirth').datepicker("option","dateFormat",'dd/mm/yy');
        $('#dateOfBirth').datepicker("option","changeYear",'true');
        $('#dateOfBirth').datepicker("option","changeMonth",'true');
        $('#dateOfBirth').datepicker("option","monthStyle",'digit');
        $('#dateOfBirth').datepicker("option","yearRange",'1900');

        $('#dangky').validate({
            rules:{
                userName:"required",
                email:{
                    required:true,
                    email:true
                },
                reEmail:{
                    equalTo:'#email'
                },
                password:{
                    required:true,
                    minlength:6
                },
                rePassword:{
                    equalTo:"#password"
                },
                fullName:"required",
                dateOfBirth:{
                    required:true,
                    date:true
                },
                address:"required",
                phone:{
                    required:true,
                    digits:true
                }
            },
            messages:{
                userName:"Chọn tên đăng nhập.",
                email:{
                    required:"Nhập địa chỉ Email của bạn.",
                    email:"Địa chỉ email không hợp lệ."
                },
                reEmail:{
                    equalTo:"Địa chỉ email không trùng."
                },
                password:{
                    required:"Chưa nhập mật khẩu.",
                    minlength:"Mật khẩu phải dài hơn 6 ký tự"
                },
                rePassword:{
                    equalTo:"Mật khẩu không trùng. Vui lòng nhập lại."
                },
                fullName:"Chưa nhập họ tên",
                dateOfBirth:{
                    required:"Chưa nhập ngày sinh",
                    date:"Ngày sinh không hợp lệ"
                },
                address:"Chưa nhập địa chỉ",
                phone:{
                    required:"Chưa nhập số điện thoại",
                    digits:"Số điện thoại không đúng"
                }
            }
                        
        });
    });
</script>

<div class="u-subcontent">
    <div class ="utitle">Chỉnh sửa thông tin cá nhân</div>
    <c:if test="${message ne null}">
        <div class="rerror">${message}</div>
    </c:if>
    <form method="post" id="dangky" action="taikhoan.htm">
        <input type="hidden" name="a" value="u"/>
        <table cellspacing="5px">
            <tr>
                <td class="cell-left">Tên đăng nhập</td>
                <td class="cell-right input">
                    <input type="text" id="userName" type="text" disabled="true" name="userName" value="${sessionScope.nguoiDung.tendangnhap}"/>(*)</td>
            </tr>
            <tr>
                <td class="cell-left">Email</td>
                <td class="cell-right input">
                    <input type="text" id="email"  type="text" name="email" value="${sessionScope.nguoiDung.email}"/>(*)</td>
            </tr>      
            <tr>
                <td class="cell-left">Họ tên</td>
                <td class="cell-right input">
                    <input type="text" id="fullName" class="input" type="text" name="fullName" value="${sessionScope.nguoiDung.hoten}"/>(*)
                </td>
            </tr>
            <tr>
                <td class="cell-left">Giới tính</td>
                <td class="cell-right">
                    <input  type="radio" name="gender" value="Nam"/>Nam 
                    <input  type="radio" name="gender" value="Nữ"/>Nữ
                    <input  type="radio" name="gender" value="Khác"/> Giới tính khác
                </td>
            </tr>
            <tr>
                <td class="cell-left">Ngày sinh</td>
                <td class="cell-right input">
                    <input type="text" class="input" id="dateOfBirth" type="text"
                           name="dateOfBirth" value="<fmt:formatDate value='${sessionScope.nguoiDung.ngaysinh}' pattern="MM/dd/yyyy"/>"/>
                </td>
            </tr>
            <tr>
                <td class="cell-left">Địa chỉ</td>
                <td class="cell-right input">
                    <input type="text" id="address" class="input" type="text" name="address" value="${sessionScope.nguoiDung.diachi}"/>(*)
                </td>
            </tr>
            <tr>
                <td class="cell-left">Số điện thoại</td>
                <td class="cell-right input">
                    <input type="text" id="phone" class="input" type="text" name="phone" value="${sessionScope.nguoiDung.sodienthoai}"/>(*)
                </td>
            </tr>
            <tr>
                <td class="cell-left">Mã số tài khoản Paypal</td>
                <td class="cell-right input">
                    <input type="text" id="paypalID" class="input" type="text" name="paypalID" value="${sessionScope.nguoiDung.taikhoanpaypal}"/>
                </td>
            </tr>
            <tr>
                <td class="cell-left"></td>
                <td class="cell-right button" > 
                    <input type="submit" id="register" name="register" value="Cập nhật"/></td>
            </tr>
        </table>
    </form>

</div>